使用easywasmplayer实现视频流播放

您所在的位置：网站首页 › wasmplayer 关闭播放器 › 使用easywasmplayer实现视频流播放

使用easywasmplayer实现视频流播放

2024-01-23 02:29| 来源: 网络整理| 查看: 265

easywasmplayer文档地址：https://www.npmjs.com/package/easywasmplayer

一：介绍

EasyPlayer.js H5播放器，是一款能够同时支持HTTP、RTMP、HTTP-FLV、HLS（m3u8）视频直播与视频点播等多种协议，支持H.264、H.265、AAC等多种音视频编码格式，支持mse、wasm等多种解码方式，支持Windows、Linux、Android、iOS全平台终端的H5播放器。

二：html+js实现视频流播放 EasyWasmPlayer-Demo .box { width:600px; height:400px; } // 实例化播放器 var Player = new WasmPlayer(null,'Player',callbackFun,{cbUserPtr:this, decodeType:"auto", openAudio:1, BigPlay:false, Height:true}); // 调用播放 Player.play('视频流地址', 1); //播放事件回调 function callbackFun(e) { console.log(e) } 三：vue实现视频流播放 1：安装easywasmplayer npm install @easydarwin/easywasmplayer --save 2：拷贝

将@easydarwin/easywasmplayer/EasyWasmPlayer.js和@easydarwin/easywasmplayer/libDecoder.wasm拷贝到项目public目录下

3：在public目录下的index.html引入easywasmplayer EasyWasmPlayer-Demo 4：使用easywasmplayer实现视频流播放 export default { data() { return { player: '', url: '视频流地址' } }, mounted() { // 实例化播放器 this.player = new WasmPlayer(null, 'Player', this.callbackfun) // 调用播放 this.player.play(this.url, 1) }, methods: { //播放事件回调 callbackfun(e) { console.log('callbackfun', e); } } } .box { width:600px; height:400px; }

【本文地址】

使用easywasmplayer实现视频流播放

使用easywasmplayer实现视频流播放

今日新闻

推荐新闻